.course-item
{
    background: #fff;
    padding-bottom:20px;
    text-align: center;
    transition: all 0.2s linear 0s;
    position: relative;
    margin-bottom:40px;
}
.course-item:hover
{
    -webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);
    box-shadow:0 15px 30px rgba(0,0,0,0.1);
    -webkit-transform:translate3d(0, -2px, 0);
    transform:translate3d(0, -2px, 0);
    cursor: default;
}
.course-item a.title
{
    color: #2C3E50;
    font-size: 16px;
}
.course-item img
{
    margin-bottom:20px;
}
.course-item .course-info
{
    margin-top:10px;
}
.course-item .course-status
{
    display: block;
    height:40px;
    width: 40px;
    line-height:40px;
    text-align: center;
    color: #fff;
    position: absolute;
    bottom:80px;
    right:-20px;
    border-radius: 50%;
    font-size: 12px;
}
.course-item .is-free{background: #1ABC9C;}
.course-item .is-pay{background: #E74C3C;}

/*课程列表*/
.show-course-list
{

}
.show-course-list li{
    width:100%;
    float: right;
    height:40px;
    line-height:40px;
    background: #fff;
    margin-bottom:16px;
    padding: 0 10px;
    transition: all 0.2s linear 0s;
}
.show-course-list li a
{
    color: #2C3E50;
}
.show-course-list li:hover
{
    -webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);
    box-shadow:0 15px 30px rgba(0,0,0,0.1);
    -webkit-transform:translate3d(0, -2px, 0);
    transform:translate3d(0, -2px, 0);
    cursor: default;
}
.show-course-list li:hover a
{
    color: #34495E;
}
.show-course-list li span
{
    margin-top:10px;
}

/*视频播放*/
.vedio-area
{
    padding: 80px 0;
    margin-top:-30px;
    color: #fff;
    background: #2C3E50;
}

.vedio-player
{
    height:680px;
}

.vip-header
{
    margin-top:-30px;
    padding: 80px 0;
    background: #2C3E50;
    color: #fff;
    text-align: center;
}
.vip-lists
{
    background: #ebedef;
    padding:80px 0;
}
.vip-lists .vip-item
{
    background: #fff;
    padding:60px 20px;
    text-align: center;
    transition: all 0.2s linear 0s;
}
.vip-lists .vip-item:hover
{
    -webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);
    box-shadow:0 15px 30px rgba(0,0,0,0.1);
    -webkit-transform:translate3d(0, -2px, 0);
    transform:translate3d(0, -2px, 0);
    cursor: default;
}
.vip-lists .vip-item .vip-type
{
    display: inline-block;
    height:50px;
    width:50px;
    border-radius: 50%;
    text-align: center;
    line-height:50px;
    /*background: #1ABC9C;*/
    background: #34495E;
    color: #fff;
}
.vip-warning
{
    padding: 40px 0;
    text-align: center;
    line-height: 30px;
    color: #34495E;
}
.vip-warning ul li
{
    text-align: right;
}